<template>
   <van-dialog
    v-model:show="showDialog"
    title="非演练"
    :show-cancel-button="true"
    cancel-button-text="取消"
    confirm-button-text="理解并确认上报"
    confirm-button-type="success"
    @confirm="handleConfirm"
    @cancel="handleCancel"
    >
    <div style="color: #ec6660; font-weight: bolder; text-align: center">
       确认上报积水风险隐患点?
    </div>

    <div style="padding: 4px 15px; line-height: 30px">

      <div>请注意：</div>

      <div>1. 真实性核查：请确保您上报的事件信息真实准确。</div>

      <div>
         2. 管理纳入：一旦上报成功，该点位将正式纳入积水风险隐患点管理系统。
      </div>

      <div>3. 后续义务：您（或责任单位）需尽快</div>

      <div>*开展详细的风险辨识评估。</div>

      <div>

        *识别为风险隐患点后需安装必要的积水感知监测设备，制定并报备隐患点整治计划。

      </div>

      <div>请确认您理解以上要求并保证上报信息的真实性。</div>

    </div>
     </van-dialog
  >
</template>

<script setup>
  import { ref } from 'vue'

  const emit = defineEmits(['get-result'])

  const showDialog = ref(false)

  const open = () => {
    showDialog.value = true
  }

  // 确认上报的回调函数
  const handleConfirm = () => {
    // 在这里编写上报逻辑，比如调用接口
    // console.log('用户点击了确认上报')
    showDialog.value = false
    emit('get-result', '确认')
  }

  // 取消上报的回调函数
  const handleCancel = () => {
    // console.log('用户点击了取消')
    showDialog.value = false
    emit('get-result', '取消')
  }

  defineExpose({
    open,
  })
</script>

<style scoped>

</style>

